@charset "utf-8"; html{width: 100%;min-height: 100%;outline: 0;font-size: 20px;font-family: "微软雅黑";-webkit-text-size-adjust: none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin: 0;padding: 0;}
body{background-color: #fff;color: #333;font-family: "微软雅黑";}
ol,ul{list-style: none;}
img{border: none;vertical-align: middle;}
a{outline: 0;border: 0 none;text-decoration: none;-webkit-tap-highlight-color: transparent;color: #333333;}
.clearfix:after{clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content: '\200B';}
.clearfix{zoom: 1;}
html{min-width: 320px; margin: 0 auto; position: relative;overflow-x: hidden;}
body{min-width: 320px;font-size: 14px;overflow-x: hidden;}
em,i{font-style: normal;}
.l{float: left;}
.r{float: right;}
.oe{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
.table{display: table;width: 100%;height: 100%;}
.cell{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;}
.flex-end{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.footer2_2 .wxbox .p2{color:#fff;text-align: center;padding-top: .1rem;} 
/* flex垂直排列*/

.flex-col{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

/* flex全居中*/

.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

/* flex竖向全居中*/

.flex-center-col{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

/* flex垂直居中*/

.flex-center-y{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

/* 竖直baseline对齐*/

.flex-baseline{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}

/* flex水平居中*/

.flex-center-x{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

/* flex左右靠边*/

.flex-between{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

/* 水平均匀分布*/

.flex-around{display: -webkit-box; display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

/****************页面公共样式*************************/


/*pc tab wap*/

@media screen and (max-width: 1000px){ .wap{display: block;}
  .pc{display: none;}
  .footer .pc{display: block;text-align: center;}
  .block{width: auto !important;padding: 0 0.2rem;}
  .crumbs {width: auto !important;padding: 0 0.2rem;}
  .casecrumbs {width: auto !important;padding: 0 0.2rem;}
  .news_rec {padding: 0 0.2rem;}
  .news_rec ul li{width: 100%!important;}
  }
@media screen and (min-width: 1000px){ .wap{display: none;}
  .pc{display: block;}
  }

/*sidebar*/

.sidebar{border: 1px solid #B4B4B4;border-radius: 5px;position: fixed;right: 0;top: 50%;z-index: 99;width: 50px;background: #E6E6E6;}
.sidebar .a1{font-size: 12px;color: #999;margin: 5px 10px;line-height: 1.8;text-align: center;display: block;padding: 5px 0;border-bottom: 0.5px solid #ccc;}
.sidebar .a2{display: block;width: 30px;height: 30px;margin: 10px auto;position: relative;text-align: center;}
.sidebar .a2 span{line-height: 30px;font-size: 26px;text-align: center;color: #999;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.sidebar .a2:hover span{color: #9F2124 !important;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.sidebar .wx{width: 161px;height: 154px;position: absolute;left: -176px;bottom: -12px;display: none;}
.sidebar .wx img{width: 160px;}
.sidebar .a2:hover .wx{display: block;}
.sidebar .tel{width: 176px;height: 45px;position: absolute;left: -190px;bottom: -9px;display: none;}
.sidebar .tel img{width: 176px;}
.sidebar .a2:hover .tel{display: block;}

/*黄老师补充样式*/

.sidebar .a4>img{display: inline-block;width: 24px;height: 24px;}
.sidebar .a4 .slidedianhua2{display: none;}
.sidebar .a4 .dianhua{width: 176px;height: 62px;position: absolute;left: -192px;bottom: -12px;display: none;}
.sidebar .a4:hover .slidedianhua2{display: inline-block;}
.sidebar .a4:hover .slidedianhua{display: none;}
.sidebar .a4:hover .dianhua{display: block;}
.sidebar .a3,.sidebar .a5{border-bottom: 0.5px solid #ccc;padding-bottom: 5px;}

.si_gif{ width: 50px; height: 50px; position: relative; }
.si_gif img{ position: absolute; right: -1px; bottom: 1px;}

/*pc端header and indexBanner*/

.indexBanner .swiper-slide{height: auto !important;}
.indexBanner .swiper-slide img{width: 100%}
.indexBanner .swiper-pagination{z-index: 99993;}
.indexBanner .swiper-pagination-bullet{background: none !important;border: 1px solid #FFFFFF !important;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 1 !important;width: 7px;height: 7px;}
.indexBanner .swiper-pagination-bullet-active{background: #FFFFFF !important;}
.header{height: 50px;position: fixed;left: 0;width: 100%;z-index: 100;padding: 10px 0;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.headerbox{height: 50px;max-width: 1160px;margin: 0 auto;padding: 0 10px; position: relative;}
.headerbox .logo{font-size: 24px;font-weight: 700;color: #FFFFFF;float: left;line-height: 50px;}
.headerbox .logo a{display: block;width: 100%;height: 100%;display: block;color: #fff;}
/*.headerbox .menu{height: 50px;overflow: hidden;line-height: 50px;float: left; margin-left: 24px;}*/
.headerbox .menu{height: 50px;overflow: hidden;line-height: 50px;float: left;}
/*.headerbox .menu a{color: #ddd;height: 100%;font-size: 14px;padding-left: 35px;display: block;float: left;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;text-transform: uppercase}*/
.headerbox .menu a{color: #ddd;height: 100%;font-size: 14px;padding-left: 30px;display: block;float: left;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;text-transform: uppercase}
.headerbox .menu a:hover,.headerbox .menu a.on{color: #999;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.headerbox .menu a span{display: inline-block;}
.headerbox .menu a span:first-child{padding-right: 6px;}
.header.on{background: #fff;-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;border-bottom: 1px solid #EEE;}
.header.on .logo,.header.on .menu a{color: #333;}
.header.on .menu a:hover{opacity: 0.6;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.header.on .logo a{color: #333;}

.headerbox .headtel{ float: right; overflow: hidden; line-height: 50px;}
.headerbox .headtel img{ float: left; width: 26px; margin:12px 5px 0 0;}
/*.headerbox .headtel span{ color:#FF1240 ; font-size: 18px; font-weight: bold;}*/
.headerbox .headtel span{ color:#952322 ; font-size: 18px; font-weight: bold;}

.headerbox .headwchat{ float: right; overflow: hidden;margin-top: -5px;margin-left: 5px;display: none;}
.on .headerbox .headwchat{ float: right; overflow: hidden;margin-top: -5px;margin-left: 5px;display: block;}
.headerbox .headwchat img{ float: left; width: 60px;}
.crumbs {width: 1010px;margin: 0 auto;height: .2rem;line-height: .2rem;padding-bottom: .2rem;color: #a7a7a7;}
.crumbs img{height: .2rem;}
.crumbs a{color: #a7a7a7;font-size: 16px;vertical-align:middle;}
.casecrumbs {width: 1160px;margin: 0 auto;height: .2rem;line-height: .2rem;padding-bottom: .2rem;color: #a7a7a7;}
.casecrumbs img{height: .2rem;}
.casecrumbs a{color: #a7a7a7;font-size: 16px;vertical-align:middle;}
.caseinfo{background: #E5E5E5;padding-top: .2rem;}
.newsinfo{width: 1030px;margin: 0 auto;}
.newsinfo .crumbs{height: .2rem;line-height: .2rem;padding: .2rem;color: #a7a7a7;}
.news_rec {padding-top: 40px;}
.news_rec ul li{width: 50%;float: left;}
@media screen and (max-width: 1000px){ .indexBanner{margin-top: 55px}
  }

/*wap端header and indexBanner*/

header{position: relative;z-index: 100;}
.headbox{background: #fff;text-align: center;color: #fff;letter-spacing: 1px;position: relative;line-height: 28px;padding: 13px 0;position: fixed;left: 0;top: 0;z-index: 100;width: 100%;-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);z-index: 100;}
header .menu-btn{display: block;width: 32px;height: 28px;position: absolute;left: 0px;top: 0px;padding: 14px;background: url(../images/menu.png) no-repeat center;background-size: auto 20px;}
header .menu-mob{display: block;width: 28px;height: 28px;position: absolute;right: 0px;top: 0px;padding: 14px;background-size: auto 20px;}
header .menu-mob img{width: 100%;}
header span{font-size: 20px;font-weight: 700;font-family: arial;color: #000;}
header.open .menu-btn{background: url(../images/menu_close.png) no-repeat center;background-size: auto 20px;}
.indexBanner2{width: 100%;height: 100vh;}
.indexBanner2 .swiper-slide{height: 100vh;}
.indexBanner2 .swiper-pagination{z-index: 99993;}
.indexBanner2 .swiper-pagination-bullet{background: none !important;border: 1px solid #FFFFFF !important;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 1 !important;width: 10px;height: 10px;}
.indexBanner2 .swiper-pagination-bullet-active{background: #FFFFFF !important;}
.menu-nav{text-align: center;}
.menu-nav{background-color: #161616;position: fixed;left: 0;top: 55px;width: 100%;font-size: 16px;-ms-transform: translateY(-110%);transform: translateY(-110%);-webkit-transform: translateY(-110%);-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.menu-nav li{vertical-align: middle; height: auto;}
.menu-nav li:last-child{border: none;-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)}
.menu-nav li a{padding: .24rem 0;display: block; color: #a7a7a7; border-bottom: 1px solid rgba(255, 255, 255, 0.03); font-size: 15px;text-transform: uppercase;color: #eee;}
.menu-nav li a span{color: #a7a7a7;padding: 0 5px;font-weight: normal;font-size: 16px;}
header.open .menu-nav{-ms-transform: translateY(0%);transform: translateY(0%);-webkit-transform: translateY(0%);-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}

/*视频*/
.unions{ background: #f5f5f5;}
.union{ width: 1160px; margin: 0 auto; padding:40px 0; position: relative;}
.munions{ width: 100%; margin: 0 auto; overflow: hidden;}
.munion{width: 580px; height: auto;  }
.munion .mswiper-slide{ transform: scale(0.75);}
.munion.swiper-slide.swiper-slide-prev .mswiper-slide{ margin-right: -100px;}
.munion.swiper-slide.swiper-slide-next .mswiper-slide{ margin-left: -100px;}
#munions .munion{width: 580px; height: auto; }
.munion .munion_img,
.munion .munion_img img{ width: 100%; height: 325px;}
.munion .munion_img{ position: relative;}
.munion .munion_img .doplay{ width: 60px; height: 60px;position: absolute; margin: auto; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; display: none;}
.munion .munion_img .doplay img{ width: 100%; height: 100%; cursor: pointer; -webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.munion .munion_img .doplay:hover img{ transform: rotate(180deg);}
.munion_bot{ overflow: hidden; text-align: center; font-size: 0; display: none; height: 60px; line-height: 60px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis; }
.munions .swiper-slide-active,
.munions .swiper-slide-duplicate-active{ z-index: 9;}
.munions .swiper-slide-active .mswiper-slide,
.munions .swiper-slide-duplicate-active .mswiper-slide{transform: scale(1); -webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.munions .swiper-slide-active .munion_bot{ font-size: 18px; display: block;} 
.munions .swiper-slide-active .munion_img .doplay{ display: block;}

.munion_swiper-button-next,
.munion_swiper-button-prev{ position: absolute; width: 40px; height: 40px; border-radius: 999px; text-align: center; margin: auto; top: 40%;  cursor: pointer; outline: none; z-index: 9;}
/*.munion_swiper-button-next{ right: 0;}
.munion_swiper-button-prev{ left: 0;}*/
.munion_swiper-button-next{ right: 25%;}
.munion_swiper-button-prev{ left: 25%;}
.munion_swiper-button-next:hover,
.munion_swiper-button-prev:hover{ background: #A98F73;}
.munion_swiper-button-next:hover img,
.munion_swiper-button-prev:hover img{filter: grayscale(100%) brightness(200%);}

.shade_video{ position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none;}
.tip_videos{ width: 80vw; height: calc(80vw * 9 / 16); position: fixed; z-index: 100; margin: auto; top: 0; bottom: 0; left: 0; right: 0; display: none;}
.tip_videos .tip_video,
.tip_videos .tip_video .myvideo{ width: 100%; height: 100%;}
.tip_videos .video_close{ position: absolute; top: -15px; right: -15px; z-index: 101; cursor: pointer;}
.tip_videos .video_close img{ width: 30px; height: 30px;-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.tip_videos .video_close:hover img{ transform: rotate(180deg);}
.shade_video.open,
.tip_videos.open{ display: block;}
/*视频 end*/

/*footer*/

.footer .block{width: 1100px;margin: 0 auto;}
.footer1{background: #E0E0E0;text-align: center;padding: 0.8rem 0;}
.footer1 h1{font-size: 0.36rem;margin-bottom: 0.7rem;height: 0.36rem;line-height: 1;}
/*.footer1 .li{display: inline-block;margin: 0 0.8rem;position: relative;left: 20px;}*/
.footer1 .li{width: 3rem;display: inline-block;}
.footer1 .li .img{width: 60px;height: 60px;margin: 0 auto;margin-bottom: 0.2rem;}
.footer1 .li .img >img{width: 100%;height: 100%;}
.footer1 .li p{font-size: 0.20rem;line-height: 2;text-align: center;color: #333333;font-family: arial;}


.footer2{background: #333333;padding: 40px 0;}
.footer2_1{text-align: center;}
@media screen and (min-width: 1000px){ .footer2_1 a{display: inline-block;color: #fff;font-size: 14px;margin: 0 20px;text-transform: uppercase;padding: 10px 0;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
  .footer2_1 a:hover{opacity: 0.5;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
  .footer2_1 a span{padding: 0 2px;}
  .footer2_2{text-align: center;margin-top: 50px;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;width: 40%;margin: 0 auto;}
  .footer2_2 a{display: inline-block;width: 40px;height: 40px;margin: 0 40px;}
  .footer2_2 a img{width: 40px;height: 40px;}
  .footer3{color: #777;line-height: 40px;padding: 30px 0;overflow: hidden;}
  .footer3 a{color: #777;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
  .footer3 a:hover{color: #000;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
  .footer3 .block{width: 1100px;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
  .footer3 .p1{float: left;}
  .footer3 .p2{float: right;}
  }
@media screen and (max-width: 1000px){ .footer2_1{overflow: hidden;padding: 0 0.3rem;}
  .footer2_1 a{display: block;color: #fff;font-size: 14px;text-transform: uppercase;float: left;line-height: 2.5;width: 33.333333%;text-align: left;}
  .footer2_1 a span{margin-right: 4px;}
  .footer3{color: #777;line-height: 30px;padding: 30px 0;overflow: hidden;}
  .footer3 a{color: #777;-o-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
  .footer3 p{text-align: center;}
  .footer3 .p1{margin-bottom: 10px}
  }
  @media screen and (max-width: 768px){ 
    .munion .munion_img .doplay{ width: 30px; height: 30px;}
    .munion_bot{ height: 45px; line-height: 45px;}
    .munions .swiper-slide-active .munion_bot{ font-size: 16px;} 
    .munion_swiper-button-next, .munion_swiper-button-prev{ width: 30px; height: 30px; top: 38%;}

    .tip_videos{ width: 90vw; height: calc(90vw * 9 / 16); }
  }
  @media screen and (max-width: 540px){ 
    .munion_swiper-button-next, .munion_swiper-button-prev{ width: 30px; height: 30px; top: 30%;}
    .crumbs {height: .5rem;line-height: .5rem;}
    .crumbs img{height: .5rem;}
    .casecrumbs {height: .5rem;line-height: .5rem;}
    .casecrumbs img{height: .5rem;}
  }
@media screen and (max-width: 416px){ .footer2_1{overflow: hidden;}

  }
@media screen and (max-width: 400px){ .footer2_1 a{width: 50%;}
  }
.footer2 .wap .li{display: block;margin: 0.5rem 0;}
.footer2 .wap .li .img{width: 50px;height: 50px;margin: 0 auto;margin-bottom: 0.2rem;}
.footer2 .wap .li .img img{width: 100%;height: 100%;}
.footer2 .wap .li p{font-size: 16px;line-height: 1.8;text-align: center;color: #eee;font-family: arial;}

/*txtbanner*/

.txtbanner{height: 340px;background: #fff;min-width: 1000px;padding-top: 70px;}
.txtbanner dl{text-align: center;}
.txtbanner dt{font-size: 36px;font-weight: 700;font-family: arial;text-transform: uppercase;position: relative;padding-bottom: 5px;margin-bottom: 5px;}
.txtbanner dt::before{position: absolute;content: "";width: 50px;height: 2px;background: #ddd;left: 50%;margin-left: -25px;bottom: 0;}
.txtbanner dd{font-size: 36px;font-weight: 700;}
/*@media screen and (max-width: 1000px){ .txtbanner{height: 100vh;min-width: auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}*/
@media screen and (max-width: 1000px){ .txtbanner{height: 35vh;min-width: auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
  .txtbanner::before{width: 4rem;content: "";height: 1px;position: absolute;background: #ddd;bottom: 0.6rem;left: 50%;margin-left: -2rem;}
  

}

/*commtitle*/

.commtitle{text-align: center;padding: 0.5rem;}
.commtitle h2{font-size: 0.24rem;font-weight: normal;letter-spacing: 4px;}
.commtitle p{font-size: 0.16rem;padding-top: 2px;letter-spacing: 3px;}

/*commtitle2*/

.commtitle2{font-size: 0.24rem;font-weight: 700;text-transform: uppercase;max-width: 1150px;margin: 0 auto;letter-spacing: 3px;padding: 4px 10px;}

/*sonnav*/

.sonnav{max-width: 1150px;margin: 0 auto;overflow: hidden;}
.sonnav li{float: left;font-size: 13px;}
.sonnav li a:hover{color: #000;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.sonnav li a{color: #666;}
@media screen and (max-width: 1000px){ .commtitle h2{font-size: 0.28rem;}
  .sonnav{display: block;padding: 0 10px;}
  .sonnav li{width: 50%;line-height: 1.8;padding-bottom: 2px;}
  .commtitle2{font-size: 20px;}
  #huangHonorList .indexsss1,#huangHonorList .indexsss2{width: 33%;box-sizing: border-box;}
  }
@media screen and (max-width: 500px){ .commtitle h2{font-size: 0.30rem;}
  .sonnav li{width: 100%;line-height: 1.8;padding-bottom: 2px;}
  .commtitle2{font-size: 18px;}
  #huangHonorList .indexsss1,#huangHonorList .indexsss2{width: 100%;box-sizing: border-box;}
  #huangHonorList .indexsss1 img{height: 100%;}
  }

/*more*/

.more{padding: 0.5rem 0;max-width: 1150px;margin: 0 auto;text-align: center;}
.more a{display: inline-block;padding: 7px 0.4rem;border: 0.5px solid #333;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.more a:hover{background: #333;color: #fff;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;}
.project{background: #f5f5f5;padding: 0.7rem 0;}
.project .content{max-width: 1160px;overflow: hidden;margin: 0 auto;padding: 0.4rem 0 0.1rem;}
.project .content li{width: 33.3333333%;float: left;margin-top: 10px; height: 536px;}
.project .content li .c_img{ height: 440px; overflow: hidden;}
.project .content li .c_img img{ width: 100%;}
.project .content li a{display: block;margin: 0 5px;position: relative;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease; background: #fff; height: 100%;}
.project .content li img{width: 100%;}
.project .content li .txt{text-align: left;left: 0;top: 0;z-index: 1;background: rgba(0, 0, 0, 0);-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease; padding: 18px 20px 22px;}
.project .content li .txt div{ width: 100%;}
.project .content li .txt p{width: 100%;color: #333;text-align: left;}
.project .content li .txt .p1{font-size: 18px;font-family: arial;text-transform: uppercase;position: relative;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* .project .content li .txt .p1::before{position: absolute;content: "";width: 50px;height: 1px;background: #ddd;left: 50%;margin-left: -25px;bottom: 0;} */
.project .content li .txt .p2{font-size: 11px; padding-top: 9px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.tarea{margin-left: 20px;}
/* .project .content li:hover .txt{opacity: 1;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition: all .3s ease;} */
.project .content li:hover a{ margin-top: -6px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}

@media screen and (max-width: 1000px){
  /*手机端*/
  .project .content li .txt{opacity: 1;}
  .project .content li{width: 50%;float: left;margin-top: 10px;}
  .news .waterfall .tbox .hr{width: 100% !important;}
  .news .block{padding: 0 0.2rem;}
  .project .block{padding: 0 0.2rem;}
  }

.news{padding: 0.5rem 0;}
.newslist{padding: 0.6rem 0;}
.news .content{max-width: 1160px;overflow: hidden;margin: 0 auto;margin-top: 0.5rem;}
.news .waterfall{max-width: 1150px;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;margin: 0 auto;padding-top: 0.5rem;}
.news .waterfall a{display:block;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;break-inside: avoid;}
.news .waterfall .item{margin-bottom: 10px;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;break-inside: avoid;}
.news .waterfall img{width: 100%;}
.news .waterfall p{line-height: 1.6;}
@media (min-width: 992px) and (max-width: 1300px){ .news .waterfall{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
  }
@media (min-width: 768px) and (max-width: 991px){ .news .waterfall{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
  }
@media (max-width: 767px){ .news .waterfall{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
  }
.news .waterfall p.p1{font-size: 18px;color: #000;margin-top: 10px;font-weight: 700;}
.news .waterfall p.p2{font-family: arial;padding: 10px 0;font-size: 12px;}
.news .waterfall p.p3{font-size: 12px;}
.news .waterfall .p4{margin: 0.3rem 0;}
.news .waterfall .tbox .t1{font-size: 14px;font-weight: normal;font-family: arial;text-transform: uppercase;position: relative;font-weight: 700;}
.news .waterfall .tbox .t2{font-size: 14px;position: relative;}
.news .waterfall .tbox .hr{width: 100px;background: #999;margin: 2px 0;border-top: 1px solid #eee;}
@media (max-width: 1000px){ .newslist{background: #fff !important;}
  .news .waterfall .tbox .hr{margin: 0.15rem 0;background: #ddd}
  .news .waterfall .item{margin-bottom: 0.4rem;}
  }

/*detailed*/

.detailed{max-width: 1030px;overflow: hidden;font-size: 14px;line-height: 1.8;margin: 0.5rem auto;}
.detailed .detailedbox{margin: 0 .2rem;}
.detailed *{max-width: 100% !important;}

/*+++++++++++++++++++++新闻列表+++++++++++++++++++++++++++++++++*/

.newslist .hr{border-top: 1px solid #999 !important;}
.jobsbox{padding: 1rem 0;background: #E0E0E0;}
.jobsbox .hr{width: 2.45rem;height: 1px;background: #888;margin: 0 auto;margin-top: 0.6rem}
.jobsbox .contactbox{text-align: center;padding: 0}
@media screen and (min-width: 1000px){
  /*电脑端*/
  .jobsbox .contactbox ul{width: 10rem;margin: 0 auto;margin-top: 0.7rem;}
  .jobsbox .contactbox ul .li{display: inline-block;position: relative;width: 3rem;height: 3rem;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .jobsbox .contactbox ul .li>.flex-center{align-items: inherit;}
  .jobsbox .contactbox ul .li .txt{display: none;font-size: 16px;line-height: 2;color: #999;}
  .jobsbox .contactbox ul .li .txt h3{font-size: 16px;font-weight: 700;padding-top: 25px;}
  .jobsbox .contactbox ul .li .txt .P{font-size: 16px;font-weight: 400;text-align: justify;box-sizing: border-box;padding: 0 10px;}
  .jobsbox .contactbox ul .li .flex-center{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .jobsbox .contactbox ul .li .img{width: 124px;height: 124px;margin: 0 auto;margin-bottom: 0.1rem;}
  .jobsbox .contactbox ul .li .img img{width: 100%;height: 100%;}
  .jobsbox .contactbox ul .li p{font-size: 16px;line-height: 2;text-align: center;color: #333333;font-family: arial;font-weight: 700;}
  .jobsbox .contactbox ul .li:hover a{position: absolute;left: 0;top: 10px;z-index: 1;width: 100%;height: 100%;}
  .jobsbox .contactbox ul .li:hover .txt{display: block;color: #666;background: rgba(255, 255, 255, 0.8);border-radius: 30px;position: relative;z-index: 2;top: -50px;}
  .jobsbox .contactbox .p1{font-size: 24px;color: #000;padding: 15px 0;padding-bottom: 0.3rem;}
  .jobsbox .contactbox .p2{font-size: 16px;line-height: 2;color: #656565;}
  }
@media screen and (max-width: 1000px){
  /*手机端*/
  .jobsbox .contactbox{margin-top: 0.5rem;}
  .jobsbox .contactbox ul{overflow: hidden;width: 6rem;margin: 0 auto;}
  .jobsbox .contactbox ul .li{border-bottom: 1px solid #aaa;width: 6rem;height: 6rem;background: #fff;margin: 0 auto;display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;}
  .jobsbox .contactbox ul .li .txt{display: none;font-size: 16px;line-height: 2;color: #999;}
  .jobsbox .contactbox ul .li .txt .P{text-align: justify;box-sizing: border-box;padding: 0 5%;}
  .jobsbox .contactbox ul .li .flex-center{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .jobsbox .contactbox ul .li p{font-size: 0.3rem;color: #000;margin-top: 0.4rem;}
  .jobsbox .contactbox ul .li .img{width: 1.5rem;height: 1.5rem;}
  .jobsbox .contactbox ul .li{display: block;left: 0px;}
  .jobsbox .contactbox .img{width: 50px;height: 50px;margin: 0 auto;}
  .jobsbox .contactbox .img img{width: 100%;}
  .jobsbox .contactbox ul .li:hover a{display: none;}
  .jobsbox .contactbox ul .li:hover .txt{display: block;}
  .jobsbox .contactbox ul .li:hover{border-radius: 0.5rem;background: rgba(255, 255, 255, 0.5);}
  .jobsbox .contactbox ul .li:hover .txt h3{color: #666;}
  .jobsbox .contactbox ul .li:hover .txt .P{color: #666;}
  .jobsbox .contactbox .p1{font-size: 18px;color: #000;padding: 15px 0;padding-bottom: 0.3rem;}
  .jobsbox .contactbox .p2{font-size: 14px;line-height: 2;color: #656565;}
  }

/*+++++++++++++++++++++联系页面+++++++++++++++++++++++++++++++++*/

.contact .contactbox{text-align: center;padding: 1rem 0;}
.contact .contactbox .img{width: 60px;height: 60px;margin: 0 auto;}
.contact .contactbox .img img{width: 100%;}
.contact .contactbox .p1{font-size: 24px;color: #000;padding: 15px 0;padding-bottom: 0.3rem;}
.contact .contactbox .p2{font-size: 16px;line-height: 2;color: #656565;}
.contact .contactbox .more{padding-bottom: 0;padding-top: 0.6rem;}
.contact .contactbox .map{max-width: 1000px;margin: 0 auto;margin-top: 0.3rem;}
.contact .contactbox .map img{width: 80%;margin: 0 auto;}
.lianxidianhua{max-width: 500px;margin: 0 auto;}
.lianxidianhua p{text-align: left;}
.lianxidianhua p span{font-weight: 700;color: #656565}
@media screen and (max-width: 1000px){ .contact .contactbox{text-align: center;padding: 1rem 0;}
  .contact .contactbox .img{width: 50px;height: 50px;margin: 0 auto;}
  .contact .contactbox .img img{width: 100%;}
  .contact .contactbox .p1{font-size: 18px;color: #000;padding: 15px 0;padding-bottom: 0.3rem;}
  .contact .contactbox .p2{font-size: 14px;line-height: 2;color: #656565;}
  /*.contact .contactbox .more{padding-bottom: 0;padding-top: 0.4rem;}*/
  .contact .contactbox .more{padding-bottom: 0;padding-top: 0.2rem;}
  .contact .contactbox .map{max-width: 1000px;margin: 0 auto;margin-top: 0.3rem;}
  .contact .contactbox .map img{width: 80%;margin: 0 auto;}
  }

/*+++++++++++++++++++++案例详情页+++++++++++++++++++++++++++++++++*/

.projectTitle{text-align: center;color: #fff;}
.projectTitle dt{font-size: 36px;font-family: arial;text-transform: uppercase;position: relative;padding-bottom: 15px;margin-bottom: 15px;letter-spacing: 4px;}
.projectTitle dt::before{position: absolute;content: "";width: 50px;height: 1px;background: #ddd;left: 50%;margin-left: -25px;bottom: 0;}
.projectTitle dd{font-size: 16px;font-family: arial;letter-spacing: 2px;}
@media screen and (max-width: 1000px){ .projectTitle dt{line-height: 2;font-size: 18px;}
  }
.projectIntro{background: #E5E5E5;padding: 0.5rem 0;}
.projectIntro span{display: inline-block;width: 100px;color: #000000;height: 28px;position: absolute;left: 0;top: 4px;}
.projectIntro h2{font-size: 18px}
.projectIntro .block{max-width: 1010px;margin: 0 auto;}
.projectIntro p{font-size: 16px;color: #999;line-height: 2;padding: 4px 0;position: relative;padding-left: 100px !important;line-height: 28px;}
.projectafter{background: #E5E5E5;padding: 0.8rem 0;}
.projectafter dt{font-size: 24px;font-family: arial;text-transform: uppercase;position: relative;padding-bottom: 15px;margin-bottom: 15px;letter-spacing: 2px;text-align: center;}
.projectafter dt::before{position: absolute;content: "";width: 1rem;height: 1px;background: #999;left: 50%;margin-left: -0.5rem;bottom: 0;}
.projectafter .block{max-width: 1010px;margin: 0 auto;line-height: 2.2;font-size: 16px;}

/*+++++++++++++++++++++关于我们页面+++++++++++++++++++++++++++++++++*/

.aboutTitle{max-width: 1010px;text-align: center;margin: 0 auto;}
.aboutTitle .img{width: 60px;height: 60px;margin: 0 auto;}
.aboutTitle .img img{width: 100%;}
.aboutTitle .p1{font-size: 24px;color: #000;padding: 0.25rem 0 1rem 0;font-weight: 700;}
.about1{background: #E0E0E0;padding: 1rem 0;}
.about1 .block{width: 1010px;margin: 0 auto;}
.about1 dt{font-size: 18px;line-height: 22px;font-weight: 700;}
.about1 dd.dd1{font-size: 12px;color: #656565;line-height: 2;padding: 3px 0;padding-top: 5px;}
.about1 dd.dd2{font-size: 16px;line-height: 2;padding-top: 15px;color: #656565;}
.about1 ul{overflow: hidden;margin-top: 0.5rem}
.about1 ul li{text-align: center;width: 33.3333333%;-webkit-box-sizing: border-box;box-sizing: border-box;border-right: 0.5px solid #bbb;float: left;padding: 0 10px;}
.about1 ul li .box1{font-size: 0.5rem;font-weight: 700;}
.about1 ul li .box1 span{font-size: 0.14rem;position: relative;top: -0.26rem;color: #656565;font-weight: normal;}
.about1 ul li .box2{color: #656565;margin-top: 0.1rem;font-size: 14px;}
@media screen and (max-width: 1000px){ .about1 ul li{border: none;}
  .about1 ul li .box1{font-weight: 700;}
  }
.about2{padding: 1rem 0;}
.about2 .block{width: 1010px;margin: 0 auto;}
.about2 dt{font-size: 12px;font-weight: 700;line-height: 22px;}
.about2 dd.dd1{font-size: 11px;color: #999;line-height: 1.5;padding: 3px 0;}
.about2 dd.dd2{font-size: 12px;line-height: 1.8;padding-top: 15px;}
.about2 ul{overflow: hidden;}
.about2 ul li{text-align: center;width: 33.3333333%;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;padding: 0 10px;}
.about2 ul li .img{height: 1.5rem;margin: 0 auto;}
.about2 ul li .img img{height: 100%;}
.about2 ul li .p1{font-size: 16px;color: #333;padding: 0.25rem 0 0.35rem 0;font-weight: 700;letter-spacing: 2px;}
.about3{padding: 1rem 0;background: #CCCCCC;}
.about3 .bigimg{max-width: 1000px;margin: 0 auto;}
.about3 .bigimg img{width: 100%;margin: 0 auto;}
.about4{padding: 1rem 0;}
.indexabout4{padding: .5rem 0;}
.about4 .block{max-width: 1010px;margin: 0 auto;overflow: hidden;}
.indexabout4 .indexblock{max-width: 1150px;margin: 0 auto;overflow: hidden;}
.about4 .bigimg{max-width: 1000px;margin: 0 auto;margin-top: 0.3rem;}
.about4 .bigimg img{width: 100%;margin: 0 auto;}
.about4 .swiper-container{width: 100%;}
.about4 .swiper-container img{width: 100%;margin: 0 auto;display: block;}
.about4 .swiper-pagination-bullet-active{background: #fff !important;}
.about4 .swiper-pagination-bullet{width: 0.12rem !important;height: 0.12rem !important;border-radius: 100% !important; background: #fff !important;opacity: 0.5 !important;}
.about4 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1 !important;}
.about4 ul{ overflow: hidden; position: relative; width: 8000px;padding: 0.08rem 0;}
.about4 ul li{ float: left;-webkit-box-shadow: 0 0 8px #ccc;box-shadow: 0 0 8px #ccc; padding: 0.13rem; margin: 0 0 0 0.24rem;width: 2.76rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.about4 ul li img{ width: 2.2rem; height: 3.29rem;}
.about4 ul li p{position: relative;text-align: center;height: 20px;font-size: 12px;}
@media screen and (max-width: 800px){ .about4 ul li p{position: relative;text-align: center;height: 28px;font-size: 12px;}
  }
#certify{position: relative;width: 600px;float: left;}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{width: 220px;height: 350px;background: #fff;-webkit-box-shadow: 0 8px 30px #ddd;box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{display: block;}
#certify .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination{width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev{left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}
.sss{float: right;font-size: 20px;color: #656565;line-height: 2.2;padding: 0.2rem 0;}
@media screen and (max-width: 1000px){ .aboutTitle .p1{font-size: 18px;padding-bottom: 0.5rem;}
  #certify{float: none;margin: 0 auto !important;}
  .sss{float: none;margin: 0 auto !important;font-size: 14px;text-align: center;}
  #certify{position: relative;width: 6rem;float: none;margin: 0 auto;}
  #certify .swiper-container{padding-bottom: 0.60rem;}
  #certify .swiper-slide{width: 2.20rem;height: 3.50rem;background: #fff;-webkit-box-shadow: 0 8px 30px #ddd;box-shadow: 0 8px 30px #ddd;}
  }
.about5{padding: 1rem 0;background: #CCCCCC;}
.about5 .block{max-width: 810px;margin: 0 auto;}
.about5 .bigimg{max-width: 1000px;margin: 0 auto;margin-top: 0.3rem;}
.about5 .bigimg img{width: 100%;margin: 0 auto;}
.about5 ul{border-left: 0.5px solid #aaa;border-top: 0.5px solid #aaa;overflow: hidden;}
.about5 li{text-align: center;border-right: 0.5px solid #aaa;border-bottom: 0.5px solid #aaa;width: 33.33333%;float: left;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 30px 30px 0 30px;}
.about5 li .img{width: 60px;height: 60px;margin: 0 auto;}
.about5 li .img img{width: 100%;}
.about5 li .p1{font-size: 16px;color: #000;padding: 15px 0 5px 0;font-weight: 700;}
.about5 li .p2{font-size: 14px;color: #666;height: 110px;}
@media screen and (max-width: 800px){ .about5 ul li{width: 50%;padding: 30px 10px 0 10px;}
  }
@media screen and (max-width: 500px){ .about5 ul li .p2{padding: 0px;font-size: 12px;}
  }
@font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1890800_7mcom5d5jye.eot?t=1592379930597');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_1890800_7mcom5d5jye.eot?t=1592379930597#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARoAAsAAAAACKwAAAQcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqFFIRGATYCJAMMCwgABCAFhG0HNxuNB8gOpTjZ2BQgoQFkBNXavz23+xmSSCQJCCqSQAGBR7K/IhQpJE+gYt9871kzQZGukYWVrlAsfDdpU780Bxp/+z+X02s9D2x+y3KZa9lRL8B4ckBjbD6RuEDCQLxh7OIyLhOAan6iwclMpQJIELRZAYj1nKYLSGI6RAk5SJSinI0ZPAdIkuI4dhln3c/HTyNCAhTIRFs4f2VJb5D/Ze6Hy/i+nuFabQTw+7OA2QYkwCBABmJFrm053I8NgqMkGVGeXY4AYX0Fe3pwebJCNNM/HgZEOU1WC0n9pMVO8U0mAXx/woVy+++gvEXiI9ETkVrLKpB93Z1tpNri2tE2NrFzuK9y9mxKtZu6+84amDyRWTx7tdtcNzf11WjG+3vqt3eUhuXKbbbE/Oa2IhxW1V+hdj0jOxm2FIoy6WeVJ/eFZcAI9aF7Qe/uKk6sXThi0TrXNRuGr1fc2rpNNsmzNu/f5MQnblTc2hhc1GLBkUnHvOHCoxMPG+9thfD6PXn/Gx7dCbD8dvHju4Gx7FTa+AfdP+Fr+PbLp0PfKC5cTq7ee3PErTTQe8DzXsOyPl6zd828TSM2UtSJ9cM3uGZ2FuGEgvSb7Ix/mrQMTKzqm0+AjI36HPDgQX0vZ5dhz0oOg6o08+HJVfh0ePW8zwCT45Q5mFYa20u6w6dzy8AtcAp2cBU+COSPNIVtt2tsSrJ2ZLgknI0shE2LRmBpHJw8uGjT2faKNZjv/x1FcDssN4bXwxRGlcdkmbvcdmUud1AFqm7CzVqth2Pf4L7rA5zexv3v9Xfo2xPum98Gh7XqFyH7jfn37NHCvc8TxnkhgmEKbCaf2jsV19mQ7acVTGUIRFqLavPlDInIIXHS1S8ersUxG7Pxr+OGkMh/T9C+C6WzugNc/PMrah0rHGorPNDO2h6HqOMdPxM7peLfYlrpUOGgpBXfdQIoPc/w4W6iKz1Lc/6N74Cme5Rnh332n0pZBvC54Wd36Cl1ZVDPAVTeOXsAfwK/Zl2WhZo+ZZFn8tRk0p/4PnMgh3Uq0VzNnrZXtNUuJEi4hlAQ84VEIhiXSdFQRiYZyknkQbUo8u01nPFwMFcBBhgDAHKwDTB2jgHOwRUcQXoCJDdfQMQhcKCowvlAmdDgqCIedQmoN909gOZ6mU2sYRQor7geafoYuvio0KWoEG/lgnRCbHwyKUcmxPexxNpXkygILM3yZiPNgOuQwWCmLbxZh3oJsVpBsGTGxbF5GMX2MhsBpQgP6SJAeqN1G4DG6cXMhLWbC6jU++shGn0YdOFLUCVWFYRnxfVPSxArvgZOLjPVQp3LcKu+NBIJBCyexuKZGdEYaEEMesyMZskfp4P0IoilbRGxyBSHGrF1ZbHjK4zXtwWqaSemKCJFJtqKuP6cidAjtg8A') format('woff2'), url('//at.alicdn.com/t/font_1890800_7mcom5d5jye.woff?t=1592379930597') format('woff'), url('//at.alicdn.com/t/font_1890800_7mcom5d5jye.ttf?t=1592379930597') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_1890800_7mcom5d5jye.svg?t=1592379930597#iconfont') format('svg');
  /* iOS 4.1- */
  }
.iconfont{ font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-weixin:before{ content: "\e696";}
.icon-kefu:before{ content: "\e9cc";}

/*layer样式重置*/

.mytips{position: relative;}
.mytipsLiang .tipsbox{padding: 5px;border: 1px solid #B4B4B4;background: #E5E5E5;border-radius: 10px;position: absolute;left: 50%;display: none;}
.mytipsLiang .tipsbox::before{content: "";background: url(../images/code2.png) no-repeat center top;display: block;width: 18px;height: 13px;bottom: -13px;left: 50%;margin-left: -5px;position: absolute;}
.mytipsLiang:hover .tipsbox{display: block;}
.mytipsLiang .tipsbox img{width: 150px;height: 150px;}

/*黄老师底部两个按钮悬浮后修改样式*/

.mytipsHuang:hover .tipsbox{display: block;}
.mytipsHuang .hoveremail,.mytipsHuang .hoverpositon{display: none;}
.mytipsHuang:hover .hoveremail,.mytipsHuang:hover .hoverpositon{display: inline-block;}
.mytipsHuang:hover .foot1_4,.mytipsHuang:hover .foot1_5{display: none;}

/*黄老师底部两个按钮悬浮后修改样式-重新定位*/

.tipsboxHuang{position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);top: 50px;display: none;}
.tipsboxHuang p{white-space: nowrap;font-size: 16px;color: #ccc;}
/*.footer2_2{margin-top: 20px;}*/
.footer2_2{margin-top: 20px;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
/*.footer2{padding-bottom: 80px;}*/

/*黄老师banner效果*/


/*左上*/

@-webkit-keyframes aniLeftUp{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, 3%);transform: scale(1.1, 1.1) translate(3%, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, -3%);transform: scale(1.1, 1.1) translate(-3%, -3%);}
  }
@keyframes aniLeftUp{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, 3%);transform: scale(1.1, 1.1) translate(3%, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, -3%);transform: scale(1.1, 1.1) translate(-3%, -3%);}
  }
.aniLeftUp img{-webkit-animation-name: aniLeftUp;animation-name: aniLeftUp;}

/*右上*/

@-webkit-keyframes anirightUp{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 3%);transform: scale(1.1, 1.1) translate(-3%, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, -3%);transform: scale(1.1, 1.1) translate(3%, -3%);}
  }
@keyframes anirightUp{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 3%);transform: scale(1.1, 1.1) translate(-3%, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, -3%);transform: scale(1.1, 1.1) translate(3%, -3%);}
  }
.anirightUp img{-webkit-animation-name: anirightUp;animation-name: anirightUp;}

/*左下*/

@-webkit-keyframes aniLeftDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, -3%);transform: scale(1.1, 1.1) translate(3%, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 3%);transform: scale(1.1, 1.1) translate(-3%, 3%);}
  }
@keyframes aniLeftDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, -3%);transform: scale(1.1, 1.1) translate(3%, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 3%);transform: scale(1.1, 1.1) translate(-3%, 3%);}
  }
.aniLeftDown img{-webkit-animation-name: aniLeftDown;animation-name: aniLeftDown;}

/*右下*/

@-webkit-keyframes aniRightDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, -3%);transform: scale(1.1, 1.1) translate(-3%, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, 3%);transform: scale(1.1, 1.1) translate(3%, 3%);}
  }
@keyframes aniRightDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, -3%);transform: scale(1.1, 1.1) translate(-3%, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, 3%);transform: scale(1.1, 1.1) translate(3%, 3%);}
  }
.aniRightDown img{-webkit-animation-name: aniRightDown;animation-name: aniRightDown;}

/*一直左*/

@-webkit-keyframes aniallLeft{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, 0);transform: scale(1.1, 1.1) translate(3%, 0);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 0);transform: scale(1.1, 1.1) translate(-3%, 0);}
  }
@keyframes aniallLeft{ 0%{-webkit-transform: scale(1.1, 1.1) translate(3%, 0);transform: scale(1.1, 1.1) translate(3%, 0);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 0);transform: scale(1.1, 1.1) translate(-3%, 0);}
  }
.aniallLeft img{-webkit-animation-name: aniallLeft;animation-name: aniallLeft;}

/*一直右*/

@-webkit-keyframes aniallRight{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 0);transform: scale(1.1, 1.1) translate(-3%, 0);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, 0);transform: scale(1.1, 1.1) translate(3%, 0);}
  }
@keyframes aniallRight{ 0%{-webkit-transform: scale(1.1, 1.1) translate(-3%, 0);transform: scale(1.1, 1.1) translate(-3%, 0);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(3%, 0);transform: scale(1.1, 1.1) translate(3%, 0);}
  }
.aniallRight img{-webkit-animation-name: aniallRight;animation-name: aniallRight;}

/*一直上*/

@-webkit-keyframes aniallTop{ 0%{-webkit-transform: scale(1.1, 1.1) translate(0, 3%);transform: scale(1.1, 1.1) translate(0, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(0, -3%);transform: scale(1.1, 1.1) translate(0, -3%);}
  }
@keyframes aniallTop{ 0%{-webkit-transform: scale(1.1, 1.1) translate(0, 3%);transform: scale(1.1, 1.1) translate(0, 3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(0, -3%);transform: scale(1.1, 1.1) translate(0, -3%);}
  }
.aniallTop img{-webkit-animation-name: aniallTop;animation-name: aniallTop;}

/*一直下*/

@-webkit-keyframes aniallDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(0, -3%);transform: scale(1.1, 1.1) translate(0, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(0, 3%);transform: scale(1.1, 1.1) translate(0, 3%);}
  }
@keyframes aniallDown{ 0%{-webkit-transform: scale(1.1, 1.1) translate(0, -3%);transform: scale(1.1, 1.1) translate(0, -3%);}
  100%{-webkit-transform: scale(1.1, 1.1) translate(0, 3%);transform: scale(1.1, 1.1) translate(0, 3%);}
  }
.aniallDown img{-webkit-animation-name: aniallDown;animation-name: aniallDown;}

/*中心放大*/

@-webkit-keyframes anicenBig{ 0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  100%{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
  }
@keyframes anicenBig{ 0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  100%{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
  }
.anicenBig img{-webkit-animation-name: anicenBig;animation-name: anicenBig;}

/*中心缩小*/

@-webkit-keyframes anicenSmall{ 0%{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
  100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  }
@keyframes anicenSmall{ 0%{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
  100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  }
.anicenSmall img{-webkit-animation-name: anicenSmall;animation-name: anicenSmall;}

/*黄老师动画公共类提出来*/

.huangbanner img{-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

/*前端黄老师增加的分页示范*/

.huangPageBox{padding-top: 0.4rem;}
.huangPageBox .block{border-top: 1px solid #aaa;padding-top: 0.4rem;}
.huangPageBox .block a:nth-child(1){margin-bottom: 0.1rem;}
.huangPageBox .block a,.huangPageBox .block a span:nth-child(2){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.huangPageBox .block a span{display: inline-block;}
.huangPageBox .block a{display: flex;width: 100%;height: 30px;line-height: 30px;color: #999;transition: all 0.2s;}
.huangPageBox .block a:hover{color: #000;}

/*关于页面-资质荣誉-黄老师重构左边图片右边文字*/

#huangHonorList{background: -pink;display: flex;justify-content: space-between;align-items: center;}
#huangHonorList .sss1,#huangHonorList .sss2{width: 50%;box-sizing: border-box;}
#huangHonorList .indexsss1,#huangHonorList .indexsss2{width: 33%;box-sizing: border-box;margin-top: .2rem;}
#huangHonorList .indexsss1,#huangHonorList .indexsss2 p{font-size: 16px;}
#huangHonorList .indexsss1{text-align: center;}
#huangHonorList .indexsss1 img{height: 1.8rem;}
/*#huangHonorList .sss1{background: -pink;}*/
#huangHonorList .sss1{background: -pink;text-align: right;}
/*#huangHonorList .sss1 img{display: block;}*/
#huangHonorList .sss2{background: -orange;font-size: 20px;color: #656565;line-height: 2;padding-left: 10%;}
#huangHonorList .indexsss2{background: -orange;font-size: 20px;color: #000;line-height: 2;padding-left: .2rem;}
@media screen and (max-width:850px){ #huangHonorList{flex-wrap: wrap;}
  #huangHonorList .sss2{width: 100%;}
  #huangHonorList .sss1{width: 100%;text-align: center;}
  #huangHonorList .sss1 img{width: 70%;margin: 0 auto;}
  #huangHonorList .sss2{padding-left: 0;text-align: center;padding-top: 0.5rem;}
  #huangHonorList .indexsss1,#huangHonorList .indexsss2{width: 100%;box-sizing: border-box;text-align: center;}
  #huangHonorList .indexsss1 img{height: 100%;}
  }

/*关于页面-服务范围-黄老师的电脑和手机不是显示的同一个图片*/

.huanga4pc{display: block;}
.huanga4wap{display: none;}
@media screen and (max-width:1000px){ .huanga4pc{display: none;}
  .huanga4wap{display: block;width: 80% !important;}
  #huangHonorList .indexsss1,#huangHonorList .indexsss2{width: 100%;box-sizing: border-box;text-align: center;}
  #huangHonorList .indexsss1 img{height: 100%;}
  }

/*黄老师于1104日期修改了底部导航*/

.footerTwoRow .p1{float: inherit;}
.footerTwoRow .p2{float: inherit;}
.footerTwoRow .fls,.footerTwoRow .frs{width: 100%;}
.footerTwoRow .fls{background: -pink;display: flex;justify-content: space-between;}
.footerTwoRow .frs{background: -orange;}
@media screen and (max-width: 1200px){
  /*1200px 开始*/
  .footerTwoRow .fls{display: block;justify-content: inherit;}
  .footerTwoRow .p1,.footerTwoRow .p2{width: 100%;}
  .footerTwoRow .p1{text-align: justify;}
  .footerTwoRow .frs .p2{display: flex;flex-wrap: wrap;}
  /*1200px 结束*/
  }

/*手机端给案例详情页面banner图增加黑色遮罩*/

.iswapslide2{ width: 100vw; display: flex; height: 100vh; background: rgba(0, 0, 0, 0.4); flex-direction: column; text-align: center; justify-content: center;}

/*手机端给每个页面都增加侧边栏悬浮*/

#wapSlideKeFu{display: none;}
@media screen and (max-width: 1000px){
  /*1000*/
  #wapSlideKeFu{position: fixed;right: 5px;top: 100px;z-index: 99887766;display: flex;flex-direction: column;border: 1px solid rgba(0, 0, 0, 0.1);background:#E6E6E6;border-radius: 5px;box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);}
  #wapSlideKeFu a{width: 50px;height: 50px;display: inline-flex;justify-content: center;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
  #wapSlideKeFu a i{font-size: 24px;color: #333;}
  #wapSlideKeFu a:last-child{border-bottom: none;}
  }


  @media screen and (max-width: 1160px){
    /*视频*/
    .union{ padding: 30px 0 10px;}
    .munions,.union{ width: auto; padding: 0 0.2rem;}
    #munions .munion{width: 60%; height: auto; }
    .munion .munion_img,
    .munion .munion_img img{ width: 100%; height: calc(58vw * 9 / 16);}
    .munion_bot .munion_bot_title{ line-height: 58px; text-indent: 25px; font-size: 18px; }
    .munion_bot .munion_bot_link{  width: 58px; height: 58px;}
    .munion_bot .munion_bot_link img{ width: 40%;}
    .munion_swiper-button-next,
    .munion_swiper-button-prev{  width: 40px; height: 40px; top: 35%;}
    .munion_swiper-button-next{ right: 0.2rem;}
    .munion_swiper-button-prev{ left: 0.2rem;}
    /*视频 end*/
  
    .headerbox .menu{ float: right;}
    .headerbox .headtel{ display: none;}
    .headerbox .headwchat{ display: none;}

    .project .content li{ height: auto;}
    .project .content li .c_img{ height: calc((33.33vw - 10px) * 440 / 376);}
    .project .content li:hover a{ margin-top: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
  }
  @media screen and (max-width: 1000px){ 
    .footer1 h1{font-size: 20px;margin-bottom: 0.5rem;}
    .footer1 .li{padding: 15px 0;}
    .footer1 .li p{font-size: 14px;}
    .footer1 .li .img{width: 50px;height: 50px;}
    /*.footer1 .li{display: block;left: 0px;}*/
  
    
    .project .content li .txt{ padding: 15px;}
    .project .content li .txt .p1{ font-size: 18px;}
    .project .content li .txt .p2{ padding-top: 6px;}
    .project .content li .c_img{ height: calc((100vw - 0.4rem) * 0.5 * 440 / 376);}
  }

  @media screen and (max-width: 500px){ 
    .project .content li .txt{ padding: 8px;}
    .project .content li .txt .p1{ font-size: 14px;}
    .project .content li .txt .p2{ padding-top: 4px;}
    .tarea{margin-left: 10px;}
  }
/*返回顶部*/
#topback{display: none;}
.cndns-right{cursor:pointer;position: fixed;right: 20px;top: 85%;margin-top: -100px;z-index: 100;filter: alpha(opacity=9);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;z-index: 99999;}
.cndns-right i{font-style: normal !important;}
.cndns-right-meau{position: relative;}
.cndns-right-btn{width: 75px;height: 70px;text-align: center;display: block;position: relative;text-decoration: none;border-top: 1px solid #e0e0e0;}
.cndns-right-btn:hover{background: #fff;}
.cndns-right-btn span.demo-icon{display: block;text-align: center;width: 24px;margin:10px auto 5px auto;}
.cndns-right-btn span.demo-icon img{display: block;width: 100%;}
.cndns-right-btn sup{display: block;min-width: 24px;height: 24px;text-align: center;line-height: 24px;color: #fff;border-radius: 50%;background: #a17f4c;position: absolute;left: -12px;top: -12px;}
.cndns-right-btn p{color: #333;font-size: 12px;line-height: 18px;padding-top: 0px;margin: 0;text-decoration: none;padding-bottom: 1px;}
.cndns-right-meau:hover .cndns-right-btn p{display: block;text-decoration: none;}
.meau-top .cndns-right-btn{height: 80px;}
.cndns-right-box{position: absolute;top: -15px;right: 62px;padding-right: 25px;display: none;}
.cndns-right-box .box-border{border-top: 4px solid #11A350;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;padding: 10px;background: #fff;-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);box-shadow: 0 3px 8px rgba(0, 0, 0, .15);position: relative;overflow: hidden;-webkit-box-sizing: content-box;box-sizing: content-box;}
.cndns-right-box .box-border .sev-t span{font-size: 42px;float: left;display: block;line-height: 56px;margin-right: 20px;color: #d3d3d3}
.cndns-right-box .box-border .sev-t p{float: left;color: #11A350;font-size: 22px;line-height: 28px;padding: 0;margin: 0;}
.cndns-right-box .box-border .sev-t p i{display: block;font-size: 14px;color: #888;font-style: normal !important;}
.cndns-right-box .box-border .sev-b{padding-top: 15px;margin-top: 15px;border-top: 1px solid #e4e4e4;font-size: 32px;color: #11A350;font-family: 'Arial';font-weight: 600;padding-left: 15px;}
.cndns-right-box .box-border .sev-b h4{color: #666;font-size: 14px;font-weight: normal;padding-bottom: 15px;}
.cndns-right-box .box-border .sev-b li{float: left;width: 50%}
.cndns-right-box .box-border .sev-b a{display: inline-block;color: #888;font-size: 14px;padding-left: 43px;background: url(../images/cebian_qq.png) no-repeat left 3px;line-height: 36px;}
.cndns-right-box .box-border .sev-b li a:hover{color: #11A350}
.meau_sev .cndns-right-box .box-border{width: 300px;}
.meau-contact .cndns-right-box .box-border{width: 230px;}
.cndns-right-meau:hover .cndns-right-box{display: none}
.cndns-right-box .box-border .sev-t  img{margin:0 auto;}
#newBridge {
    position: fixed;
    z-index: 2147483647;
}
#rightBridge {
    position: fixed;
    z-index: 1000000000;
}
.nb-comp-base .nb-comp-item {
    position: relative;
    padding: 8px;
    background-size: 22px;
    -moz-background-size: 22px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center 6px;
    background-color: #4E6EF2;
    word-break: break-all;
    text-align: center;
    cursor: pointer;
}
.nb-comp-base{
  position: fixed;
  cursor: pointer;
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 8%);
  color: #FFF;
  text-align: center;
  /*background: #4E6EF2;*/
  border-radius: 4px;
  right: 12px; 
  bottom: 0; 
  width: 88.8px;
  z-index: 2147483647;
}
.nb-comp{
  background-color: rgb(239, 80, 82); 
  color: rgb(255, 255, 255); 
  font-size: 14px; 
  padding: 30px 14px 17px;
}
.nb-comp img{padding-bottom: 5px;}
.nb-comp:nth-child(1){
  border-radius: 5px 5px 0 0;
}
.nb-comp:nth-child(2){
  background-color: rgb(239, 80, 82); 
  color: rgb(255, 255, 255); 
  font-size: 14px; 
  padding: 18px 14px 29px;
}
.nb-compw{
  background-color: #FFF; 
  color: #972226; 
  font-size: 14px; 
  padding: 13px 9px 13px;
}
.nb-compw img{width: 100%;padding-bottom: 5px;}
.nb-compt{
  background-color: rgb(239, 80, 82); 
  border-radius: 0 0 5px 5px;
}
.nb-compt img{width: 25%;}
.nb_comp_i{
  width: 37px;
  height: 37px;
  overflow: hidden;
  margin: auto auto 3px;
}
.new-bridge.nb-comp-popper.form {
    box-sizing: content-box;
    width: 400px;
    max-height: 580px;
    min-height: 300px;
    padding-bottom: 80px;
}
.newBridge-tooltip[x-placement^=left] {
    margin-right: 12px;
}
.new-bridge.nb-comp-popper {
    font-family: "Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif";
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border: 1px solid #EBEEF5;
    margin-right: 10px;
    box-sizing: content-box;
}
.newBridge-tooltip {
    position: absolute;
    background: #FFF;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #EBEEF5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
}
.new-bridge{
  display: none;
  position: fixed!important; 
  bottom: 2px; 
  right: 105px; 
  z-index: 3001;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-header .nb-comp-form-title {
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    margin: 0 0 12px 0;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-header .nb-comp-form-desc {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #909399;
    line-height: 14px;
    margin: 0 0 24px 0;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-content {
    max-height: 400px;
    overflow-y: auto;
    box-sizing: content-box;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-bottom: 24px;
    box-sizing: content-box;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .nb-comp-form-label {
    box-sizing: content-box;
    width: 124px;
    text-align: right;
    padding-right: 10px;
    float: left;
    color: #606266;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .nb-comp-form-input {
    float: left;
    box-sizing: content-box;
    width: 244px;
    height: 38px;
    font-size: 14px;
    padding: 0 10px;
    color: #606266;
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #DCDFE6;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-btn, .new-bridge.nb-comp-popper.form .nb-comp-form-dialog-btn {
    cursor: pointer;
    float: right;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    height: 38px;
    background-color: #fff;
    color: #606266;
    padding: 0 20px;
    margin-left: 12px;
}
.new-bridge.nb-comp-popper.form .nb-comp-form-btn.submit, .new-bridge.nb-comp-popper.form .nb-comp-form-dialog-btn.submit {
    background-color: #4E6EF2;
    color: #fff;
    border: none;
}
.newBridge-tooltip .popper__close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/comp-icon-close.png) no-repeat center;
    background-size: 16px;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
}
@media screen and (max-width: 800px){
  .nb-comp-base{display: none;}
}
.popupMask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.popupInquiry {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 40px 30px;
    width: 300px;
    height: 150px;
    background: #fff;
    z-index: 1000;
}
.popupInquiry .popupClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    text-indent: -100em;
    text-decoration: underline;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    background: url(../images/whiteCloseBtn.png) no-repeat center center;
    background-color: #e60012;
}
.popupTit {
    font-size: 24px;
    text-align: center;
    color: #666;
}
.popupTel {
    display: block;
    font-size: 34px;
    text-align: center;
    font-weight: bolder;
    color: #e60012;
}
.popupInquiry #popnetbtn{
    display: block;
    margin: 25px auto 0;
    width: 91%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    border: none;
    color: #fff;
    cursor: pointer;
    background: #e60012;
    border-radius: 20px;
}
.popupClear {
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -64.5px;
    background: url(../images/foreverBtn.png);
    width: 129px;
    height: 38px;
}